<template>
	<uni-section title="伙伴在线" type="line" padding>
				<uni-grid :column="4" :highlight="true" @change="change">
				<uni-grid-item>
						<view class="grid-item-box" style="background-color: #fff;">
							<uni-icons type="image" :size="30" color="#777" />
							<text class="text">积分管理系统</text>
						</view>
				</uni-grid-item>
				<uni-grid-item  >
					<view class="grid-item-box" style="background-color: #fff;">
						<uni-icons type="image" :size="30" color="#777" />
						<text class="text">巡店管理</text>
					</view>
				</uni-grid-item>
				<uni-grid-item  >
					<view class="grid-item-box" style="background-color: #fff;">
						<uni-icons type="image" :size="30" color="#777" />
						<text class="text">员工培训</text>
					</view>
				</uni-grid-item>
				<uni-grid-item  >
					<view class="grid-item-box" style="background-color: #fff;">
						<uni-icons type="image" :size="30" color="#777" />
						<text class="text">考勤</text>
					</view>
				</uni-grid-item>			
				</uni-grid>
	</uni-section>
    <uni-section title="货物在线" type="line" padding>
    			<uni-grid :column="4" :highlight="true" @change="change">
    		
				    <uni-grid-item >
						<view class="grid-item-box" style="background-color: #fff;">
							<uni-icons type="image" :size="30" color="#777" />
							<text class="text">出库</text>
						</view>
					</uni-grid-item>
					<uni-grid-item >
						<view class="grid-item-box" style="background-color: #fff;">
							<uni-icons type="image" :size="30" color="#777" />
							<text class="text">入库</text>
						</view>
					</uni-grid-item>
					<uni-grid-item >
						<view class="grid-item-box" style="background-color: #fff;">
							<uni-icons type="image" :size="30" color="#777" />
							<text class="text">员工采购申请</text>
						</view>
					</uni-grid-item>
					<uni-grid-item >
						<view class="grid-item-box" style="background-color: #fff;">
							<uni-icons type="image" :size="30" color="#777" />
							<text class="text">盘库</text>
						</view>
					</uni-grid-item>
					<uni-grid-item >
						<view class="grid-item-box" style="background-color: #fff;">
							<uni-icons type="image" :size="30" color="#777" />
							<text class="text">物料管理</text>
						</view>
					</uni-grid-item>
    			</uni-grid>
    </uni-section>

</template>

<script setup>
	
</script>

<style lang="scss">
	.image {
		width: 25px;
		height: 25px;
	}

	.text {
		font-size: 14px;
		margin-top: 5px;
	}

	.example-body {
		/* #ifndef APP-NVUE */
		// display: block;
		/* #endif */
	}

	.grid-dynamic-box {
		margin-bottom: 15px;
	}

	.grid-item-box {
		flex: 1;
		// position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
	}

	.grid-item-box-row {
		flex: 1;
		// position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
	}

	.grid-dot {
		position: absolute;
		top: 5px;
		right: 15px;
	}

	.swiper {
		height: 420px;
	}

	/* #ifdef H5 */
	@media screen and (min-width: 768px) and (max-width: 1425px) {
		.swiper {
			height: 630px;
		}
	}

	@media screen and (min-width: 1425px) {
		.swiper {
			height: 830px;
		}
	}

	/* #endif */
</style>


